<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/component/commonTagLib.jsp" %>

<!DOCTYPE html>
<html>
<head>
    <title><spring:message code="message.jieSuan.zhiFuDanGuanLi"/> <spring:message code="message.jieSuan.zhongXing"/></title>
    <%@ include file="/WEB-INF/component/commonCSS.jsp" %>
</head>
<body class="skin-blue-light sidebar-mini fixed skin-blue-light-frame">
                            
    <section class="content-header">
        <h1><spring:message code="message.jieSuan.zhiFuDan"/><spring:message code="message.button.look"/></h1>
        <ol class="breadcrumb">
            <li><a href="${ctx}/home.jsp"><i class="fa fa-home"></i><spring:message code="message.lable.first"/></a></li>
            <li class="active"><a href="#"><spring:message code="message.jieSuan.zhiFuDanGuanLi"/></a></li>
            <li class="active"><a href="#"><spring:message code="message.jieSuan.zhiFuDan"/><spring:message code="message.button.look"/></a></li>
        </ol>
    </section>
    
    <section class="content">
        <div class=" box box-success">
            <div class="box-body">
                <div class="form-inline">
                
                    <div class="form-group form-group-xs">
                        <label for="name"><spring:message code="message.jieSuan.zhiFuDan"/><spring:message code="message.listForm.mingCheng"/><spring:message code="message.yanZheng.maoHao"/></label>
                        <input class="form-control" type="text" id="paymentName" name="paymentBillName" placeholder="<spring:message code="message.jieSuan.zhiFuDan"/><spring:message code="message.listForm.mingCheng"/>" maxlength="200" />
                    </div>
                    
                    
                    <div class="form-group form-group-xs">
                        <label for="name"><spring:message code="message.jieSuan.zhiFuDan"/><spring:message code="message.yanZheng.bianMa"/><spring:message code="message.yanZheng.maoHao"/></label>
                        <input class="form-control" type="text" id="paymentBillCode" name="paymentBillCode" placeholder="<spring:message code="message.jieSuan.zhiFuDan"/><spring:message code="message.yanZheng.bianMa"/>" maxlength="100" />
                    </div>
                    
                    
                
                    <div class="form-group form-group-xs">
                        <spring:message code="message.jieSuan.chuangJianRiQi"/><spring:message code="message.yanZheng.maoHao"/> 
                       <input class="form-control" type="text" id="createTimeBegin"  name="createTimeBegin"  placeholder="yyyy-MM-dd"
                       onFocus="var endDate=$dp.$('crateTimeEnd');WdatePicker({maxDate:'#F{$dp.$D(\'crateTimeEnd\')}'})" />
                        -
                       <input class="form-control" type="text" id="crateTimeEnd"  name="crateTimeEnd"  placeholder="yyyy-MM-dd"
                       onFocus="WdatePicker({minDate:'#F{$dp.$D(\'createTimeBegin\')}'})"  />
                   </div>
                   
                   
                   <button    id="selectWSJ"   type="button" class="btn btn-success btn-sm" onclick="gridSerch();"><spring:message code="message.button.seachSpacing"/></button>
                </div>
            </div>
        </div>
        <table class="jqgrid" id="gridlist"></table>
        <div id="gridpage"></div>
    </section>
    
    <%@ include file="/WEB-INF/component/commonJS.jsp" %>
    <script type="text/javascript">
    
    //加载页面光标在名字框内，位于第一个
    $("#paymentName").focus();
    
  //绑定回车    id="selectWSJ"  
    $('#paymentName,#paymentBillCode,#createTimeBegin,#crateTimeEnd').bind('keydown', function(event) {
        if (event.keyCode == "13") {        //13 位电脑上回车键的位置代码
            $('#selectWSJ').click();
        }
    }); 
    
        $(function () {
            jQuery("#gridlist").jqGrid({
                url: "${ctx}/payment/getSubmitPaymentList.html",
                mtype: "POST",
                datatype: "json",
                autowidth: true,
                shrinkToFit: false,
                height: 355,
                colNames:[
                          '<spring:message code="message.jqGrid.cz"/>',
                          '<spring:message code="message.jieSuan.zhiFuDan"/>id',
                          '<spring:message code="message.jieSuan.zhiFuDan"/><spring:message code="message.yanZheng.bianMa"/>',
                          '<spring:message code="message.jieSuan.zhiFuDan"/><spring:message code="message.listForm.mingCheng"/>',
                          '<spring:message code="message.jieSuan.zongTiaoMuShu"/>',
                          '<spring:message code="message.jieSuan.zongJinE"/>',
                          '<spring:message code="message.jieSuan.chuangJianShiJian"/>',
                          '<spring:message code="message.jieSuan.chuangJianRen"/>',
                          '<spring:message code="message.jieSuan.tiJiaoShiJian"/>',
                          '<spring:message code="message.jieSuan.tiJiaoRen"/>',
                          '<spring:message code="message.lable.status"/>',
                          '<spring:message code="message.jieSuan.auditTime"/>',
                          '<spring:message code="message.jieSuan.auditPeople"/>',
                          '<spring:message code="message.listForm.shenHeBeiZhu"/>',
                          '<spring:message code="message.jieSuan.fuShenShiJian"/>',
                          '<spring:message code="message.jieSuan.fuShenShiRen"/>',
                          '<spring:message code="message.jieSuan.fuShen"/><spring:message code="message.lable.remark"/>',
                          '<spring:message code="message.jieSuan.zhiFuTime"/>',
                          '<spring:message code="message.jieSuan.zhiFuPeople"/>',
                          '<spring:message code="message.listForm.xiuGaiShiJian"/>',
                          '<spring:message code="message.listForm.xiuGaiRen"/>',
                          '<spring:message code="message.lable.remark"/>'
                          
                          ],
                colModel:[
                    { name: 'oper', width:60, align:"center", sortable:false,
                       formatter : function(val, opts, rowdata) {
                       var str = "";
                       str += "<a href='${ctx}/payment/toSubmitPaymentDetailList.html?paymentBillId="+rowdata.paymentBillId+"' style='background:url(${ctx}/lib/img/icon/icon.png) no-repeat -100px 0px' class='opIcon' title='<spring:message code="message.jqGrid.cz.xiangQing"/>'></a>";
                       return str;
                          }  
                    },
                    { name: 'paymentBillId',width:100,align:"center",hidden:true,sortable:false},
                    { name: 'paymentBillCode', width:210, align:"center",sortable:false},
                    { name: 'paymentBillName', width:210, align:"left",sortable:false},
                    { name: 'totalOrders', width:60,align:"center",sortable:false},
                    { name: 'totalAmount', width:80,align:"right",sortable:false},
                    { name: 'createDateTime', width:140, align:"center",sortable:false},
                    { name: 'createUserName', width:160, align:"left", sortable:false},
                    { name: 'submitDateTime',width:140,hidden:false,align:"center" ,sortable:false},
                    { name: 'submitUserName',width:160,hidden:false,align:"left" ,sortable:false},
                    { name: 'status',hidden:false, width:100, align:"center", sortable:false},
                    { name: 'auditDateTime',width:140,hidden:false,align:"center" ,sortable:false},
                    { name: 'auditUserName',width:160,hidden:false,align:"left" ,sortable:false},
                    { name: 'auditRemark',width:160,hidden:false,align:"center" ,sortable:false},
                    { name: 'reauditDateTime',width:140,hidden:false,align:"center" ,sortable:false},
                    { name: 'reauditUserName',width:160,hidden:false,align:"left" ,sortable:false},
                    { name: 'reauditRemark',width:160,hidden:false,align:"center" ,sortable:false},
                    { name: 'billSettleDatetime',width:140,hidden:false,align:"center" ,sortable:false},
                    { name: 'billSettleUser',width:160,hidden:false,align:"left" ,sortable:false},
                    { name: 'updDatetime',width:140,hidden:true,align:"center" ,sortable:false},
                    { name: 'updUser',width:160,hidden:true,align:"left" ,sortable:false},
                    { name: 'remark', width:160, align:"center", sortable:false},
                    
                ],
                 rowNum: 20,
                 rowList: [10, 20, 50, 100],
                 rownumbers: true,
                 pager: "#gridpage",
                 viewrecords: true,
                 multiselect: false, 
                 caption: "<spring:message code="message.jieSuan.zhiFuDan"/><spring:message code="message.listForm.lieBiao"/>",
               //序号宽度自动变化
                 gridComplete:function(){
                     //序号列宽度自适应（参数为jqgridID）
                     autoRNWidth("gridlist");
                     //数据只有一条时默认选中（参数为jqgridID）
                     selectByOneData("gridlist");
                 },
                 jsonReader: {
                     repeatitems: false,
                     id: "paymentBillId"
                 }
            });
            
            $("#gridlist").jqGrid('navGrid', '#gridpage', { add: false, edit: false, del: false, search: false, refresh: false });
            
            $(window).trigger("resize");
            
        });
        
        
      //查询
        function gridSerch() {
        	var paymentBillCode = $.trim($("#paymentBillCode").val());
        	var paymentName = $.trim($("#paymentName").val());
            var createTimeBegin = $.trim($("#createTimeBegin").val());
            var crateTimeEnd = $.trim($("#crateTimeEnd").val());
            
            $("#gridlist").jqGrid('setGridParam',{  
                datatype:'json',
                postData:{
                        "paymentBillCode":paymentBillCode,
                        "paymentBillName":paymentName,
                        "createTimeBegin":createTimeBegin,
                        "crateTimeEnd":crateTimeEnd
                        },
                        page:1
            }).trigger("reloadGrid"); //重新载入  
        }
    </script>
</body>
</html>












